@media screen and (max-width: 767px) {

.int {position: fixed; width: 100%; height: 22%; right: 0%; left: 0%; top: 0%;  background: #8c674c; margin top: 1%;}
.princ {position: fixed; width: 77%; height:77%; right:21.5%; left: 0%;top: 22%; bottom:0%; overflow-y: scroll; scrollbar-width: none; background: #eee9e9; padding: 1.5%}
.sec::-webkit-scrollbar {display:none;}
.sec {position: fixed; width: 17%; height:78%; right: 0%; left: 80%; top: 22%; bottom:1.5% ;overflow-y: auto; scrollbar-width:none; background: #99b3b7; padding: 1.5%; } 
.sec::-webkit-scrollbar {display:none;}


.h1 {font-family: 'Georgia', serif; font-weight: bold; font-size:50pt; font-weight: normal; letter-spacing: 2px; color: #eee9e9; display: flex; justify-content: center; align-items: center; text-align: center; height:100%; width: 100%; margin:0 auto; text-shadow: 2px 2px 4px rgba(0,0,0,2);}
.h2 {font-family: 'Trebuchet MS', sans-serif; font-size: 20pt; font-weight: bold; color: #304e4d; border-bottom: 1px solid #304e4d; margin-top: 20px; margin-bottom: 20px;}

.p {font: 18pt Georgia; text-align: justify;}
.ind {font: 18pt Times; color: #6e3d23; list-style-type: disc; padding-left: 20px; text-align: left;}
.ind {list-style-type: disc; padding-left: 20px;}
.ind a {text-decoration:none; color:#304e4d;}
.ind a:hover {text-decoration: underline; color:#8c674c;}
.lista {list-style-type: disc; padding-left: 20px;}
.lista a {font-family: 'Trebuchet MS', sans-serif; font-size: 20pt; font-weight: bold; color: #304e4d; border-bottom: 1px solid #304e4d; margin-top: 20px; margin-bottom: 20px;}
.lista a:hover {text-decoration: underline; color:#8c674c;}
.lista-numeri {padding-left: 40px; marging: 20px 0;}
.lista-numeri li {font-family: 'Georgia' serif; font-size: 18pt; color: #1c0700; text-align: justify; margin-bottom: 10px;}

.text {color: #864FFE;font: 14pt arial narrow; padding-top: 1%;position: absolute; width: 100%; text-align: center;}
.text {color: #FFFFFF;font:16pt arial narrow; position: absolute;bottom: 8px;width: 100%; text-align: center;}
.citazione {background:#f7fbff; border-left: 5px solid #8c674c; margin: 30px auto; padding: 20px; width: 80%; text-align: center; font-style: italic;}
.citazione span {display: block; margin-top: 10px; font-weight: bold; color:#8c674c; font-style: normal;}
.foto {text-align: center; margin: 30px auto}
.foto img {width: 65%; border-radius: 10 px; box-shadow: 0 4px 15px rgba (0,0,0,0.15); display: block; margin: 0 auto; border: 3px solid #8c674c;}

}